Home
Ray
Articles
This Old House
Family History
Inline elements
Making Inline elements display on seperate lines
SAMPLE CODE img.has-own-line { display: block; } img.smack-in-the-middle { display: block; /* the following lines will place the image in the center of the screen */ margin-left: auto; margin-right: auto; } img.inset { display: block; margin-left: 100em; } <h1>Inline elements</h1> <img WIDTH="45" HEIGHT="45" SRC="../../images/Header/PascaliRose.jpeg"> <img WIDTH="45" HEIGHT="45" SRC="../../images/Header/camera_photo.png"> <br> <h1>Making Inline elements display on seperate lines</h1> <img class="has-own-line" WIDTH="45" HEIGHT="45" SRC="../../images/Header/PascaliRose.jpeg"> <img class="smack-in-the-middle" WIDTH="45" HEIGHT="45" SRC="../../images/Header/tree.jpg"> <img class="inset" WIDTH="45" HEIGHT="45" SRC="../../images/Header/camera_photo.png"> </body> </html>
